$(function () {
  // 1-登录表单校验：
  // 1-用户名密码非空
  // 2-用户名长度2-6位
  // 3-密码长度6-12位
  // 表单校验插件初始 
  $('.login-form').bootstrapValidator({
    //1. 指定不校验的类型，默认为[':disabled', ':hidden', ':not(:visible)'],可以不设置
    excluded: [':disabled', ':hidden', ':not(:visible)'],

    //2. 指定校验时的图标显示，默认是bootstrap风格
    feedbackIcons: {
      valid: 'glyphicon glyphicon-ok',
      invalid: 'glyphicon glyphicon-remove',
      validating: 'glyphicon glyphicon-refresh'
    },
    // 3-设置要校验字段(数据) 
    fields: {
      // 表单校验插件是根据name属性进行校验的
      // 用户名
      username: {
        // 校验规则：
        validators: {
          // 非空校验
          notEmpty: {
            // 提示消息
            message: '用户名不能为空'
          },
          stringLength: {
            min: 2,
            max: 6,
            message: '用户名必须是2-6位'
          },
          //拓展一个错误信息 
          callback: {
            message: '用户名错误'
          }
        }
      },
      // 密码
      password: {
        // 校验规则：
        validators: {
          // 非空校验
          notEmpty: {
            // 提示消息
            message: '密码不能为空'
          },
          stringLength: {
            min: 6,
            max: 12,
            message: '密码必须是6-12位'
          },
          //拓展一个错误
          callback: {
            message: '密码错误'
          }
        }
      }
    }
  });

  // 2- 重置表单校验样式 
  // 点击登陆按钮，调用插件的表单重置方法
  $('.btn-reset').click(function () {
    // 通过插件的实例，调用插件的方法
    $('.login-form').data('bootstrapValidator').resetForm();
  })

  // 3- 用户登录 
  // 1- 点击登陆按钮，获取表单数据， 在表单数据合理的情况下，向后台发送请求，进行登陆校验！
  // 2- 接受后台登陆结果
  // 3- 处理结果：
  //   登录成功： 去首页 
  //   登录失败： 提示错误信息，重新登录

  // $('.bnt-login').click(function () {
  //   if (数据合理) {
  //     // ajax发送数据到后台进行校验
  //   }
  // })

  // 使用插件提供  success.form.bv 事件 , 会在用户点击提交按钮，并且表单数据校验通过时触发！

  $('.login-form').on('success.form.bv', function (e) {
    // 阻止提交按钮的默认行为（页面刷新） 
    e.preventDefault();
    // 向后台发送请求，进行登陆校验！
    $.ajax({
      type: 'post',
      url: '/employee/employeeLogin',
      data: $('.login-form').serialize(),
      dataType: 'json',
      success: function (res) {
        // 查看结果 
        // console.log(res);
        if (res.success) {
          //成功 去首页 
          location.href = './index.html';
        }

        if (res.error == 1000) {
          //  把用户名的状态改为失败，提示错误信息
          $('.login-form').data('bootstrapValidator').updateStatus('username', 'INVALID', 'callback');
        }
        if (res.error == 1001) {
          //  把密码的状态改为失败，提示错误信息
          $('.login-form').data('bootstrapValidator').updateStatus('password', 'INVALID', 'callback');
        }
      }
    })
  })

});